.layui-btn{
    // display:inline-flex;
    align-items: center;
    &-primary{
        --tw-bg-opacity: 1;
		background-color: hsl(var(--b1));
        color: hsl(var(--bc)/var(--tw-text-opacity));
        border-color: hsl(var(--b3));
    }
    // &:hover{
    //     border-color:hsl(var(--p));
    //     color: hsl(var(--bc)/var(--tw-text-opacity));
    // }
    &-group {
        .layui-btn-primary{
            &:first-child {
                // border-left: 1px solid #c9c9c9;
                border-color: hsl(var(--b3));
            }
            &:hover{
                border-color:hsl(var(--b3));
            }
        }
    }
    // &-link,&-danger{
    //     background-color: rgba(255,255,255,0) !important;
    // }
    &-link{
        background-color: rgba(255,255,255,0) !important;
        color:hsl(var(--p));
        &:hover{
            color:hsl(var(--p));
        }
        &.layui-btn-danger{
            color:#FF5722;
        }
    }
    // &-danger{
    //     color:hsl(var(--er));
    //     &:hover{
    //         color:hsl(var(--er));
    //     }
    // }
}
.layui-border{border-width: 1px; border-style: solid; color: #666!important;}
.layui-border-red{border-width: 1px; border-style: solid; border-color: #FF5722!important; color: #FF5722!important;}
.layui-border-orange{border-width: 1px; border-style: solid; border-color: #FFB800!important; color: #FFB800!important;}
.layui-border-green{border-width: 1px; border-style: solid; border-color: #009688!important; color: #009688!important;}
.layui-border-cyan{border-width: 1px; border-style: solid; border-color: #2F4056!important; color: #2F4056!important;}
.layui-border-blue{border-width: 1px; border-style: solid; border-color: #1E9FFF!important; color: #1E9FFF!important;}
.layui-border-black{border-width: 1px; border-style: solid; border-color: #393D49!important; color: #393D49!important;}